export default function FilterSkeleton() {
  return (
    <div className="mb-6 animate-pulse">
      {/* 标题栏和排序栏 */}
      <div className="flex justify-between items-center mb-4">
        <div className="h-6 w-24 bg-background-dark rounded"></div>
        <div className="h-6 w-32 bg-background-dark rounded"></div>
      </div>
      
      {/* 筛选区域 */}
      <div className="space-y-4">
        {/* 分类筛选 */}
        <div className="space-y-2">
          <div className="h-5 w-16 bg-background-dark rounded"></div>
          <div className="flex gap-2 overflow-hidden">
            {[...Array(5)].map((_, i) => (
              <div key={i} className="h-8 w-16 bg-background-dark rounded-full"></div>
            ))}
          </div>
        </div>
        
        {/* 年份筛选 */}
        <div className="space-y-2">
          <div className="h-5 w-16 bg-background-dark rounded"></div>
          <div className="flex gap-2 overflow-hidden">
            {[...Array(8)].map((_, i) => (
              <div key={i} className="h-8 w-14 bg-background-dark rounded-full"></div>
            ))}
          </div>
        </div>
        
        {/* 地区筛选 */}
        <div className="space-y-2">
          <div className="h-5 w-16 bg-background-dark rounded"></div>
          <div className="flex gap-2 overflow-hidden">
            {[...Array(6)].map((_, i) => (
              <div key={i} className="h-8 w-16 bg-background-dark rounded-full"></div>
            ))}
          </div>
        </div>
      </div>
    </div>
  );
} 